<script setup lang="ts">
// typescript
</script>

<!-- 设置页 -->
<template>
  <view class="container">
    <view class="list-group">
      <uni-list>
        <uni-list-item clickable title="账号资料" show-arrow></uni-list-item>
        <uni-list-item clickable title="账号与安全" show-arrow></uni-list-item>
      </uni-list>
    </view>

    <view class="list-group">
      <uni-list>
        <uni-list-item clickable title="帮助中心" show-arrow></uni-list-item>
        <uni-list-item clickable title="关于我们" show-arrow></uni-list-item>
        <uni-list-item clickable title="清除缓存" right-text="10.51M" show-arrow></uni-list-item>
        <uni-list-item clickable title="版本更新" show-arrow>
          <template v-slot:footer>
						<uni-badge is-dot text="5" absolute="rightTop" :offset="[4, 11]">
              <text class="box-text">有新版本更新</text>
            </uni-badge>
					</template>
        </uni-list-item>
      </uni-list>
    </view>
  </view>
</template>

<style scoped lang="scss">
// scss
.container {
  margin-top: 20rpx;
}
.list-group {
  margin-bottom: 20rpx;

  .box-text {
    padding-right: 30rpx;
    font-size: 24rpx;
    color: #999;
  }
}
</style>
